<template>
  <div class="list" ref="wrapper">
    <div>
    <div v-for="item in list" :key="item.id">
        {{item.name}}
    </div>
    </div>
  </div>
</template>
<script>
import BScroll from 'better-scroll'
export default{
  props : ['list'],
  name : 'CityList',
  mounted(){
    this.scroll = new BScroll(this.$refs.wrapper)
    console.log(this.scroll)
  }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/styles/varibles/varibles.styl'
.list
  position:absolute
  overflow:hidden
  font-size:.32rem
  top:1.5rem
  left:0
  right:0
  bottom:0
  

</style>